<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Zuzutel</title>
    <!--fonts-->
    <link href='http://fonts.googleapis.com/css?family=Spinnaker' rel='stylesheet' type='text/css'>
    <!--vendor css-->
    <link rel="stylesheet" href="./css/font-zuzutel.css">
    <link rel="stylesheet" href="./lib/slick/slick.css">
    <!--app css-->
    <link rel="stylesheet" href="./css/main.css">
</head>
<body>
    <div id="wrapper">
        <div id="border"></div>

        <div id="inner-wrapper">
            <header id="top-header">
                <a href="#home" id="logo-image" class="scroll">
                    <img src="./image/logo.png" alt="">
                </a>
                <nav>
                    <ul>
                        <li><a href="#info" class="scroll">info</a></li>
                        <li><a href="#services" class="scroll">services</a></li>
                        <li><a href="#solutions" class="scroll">solution</a></li>
                        <li><a href="#tariffs" class="scroll">tariffs</a></li>
                    </ul>
                </nav>
            </header> <!--#header-->
            <nav id="fixed-links-left">
                <ul>
                    <li><a id="user-button"><i class="fa fa-user"></i></a></li>
                    <li><a class="faq-button"><i class="fa fa-question"></i></a></li>
                </ul>
            </nav>
            <nav id="fixed-links-right">
                <ul>
                    <li class="language-bar"><a  href="">en</a> / <a herf="">pt</a> / <a href="">bg</a></li>
                    <li><a href=""><i class="fa fa-envelope-o"></i></a></li>
                </ul>
            </nav> <!--#fixed-links-->
            <section id="home" class="scrollto">
                <article class="cf">
                    <div id="login-form">
                        <div id="login-form-top">
                            <header>
                                <h2>sign in</h2>
                            </header>
                            <form action="">
                                <input type="text" placeholder="Username">
                                <input type="text" placeholder="Password">
                                <a href="" id="login-button">log in</a>
                            </form>
                            <a class="login-helper">Forgot username?</a>
                            <a class="login-helper">Forgot password?</a>
                        </div>
                        <hr />
                        <div id="register">
                            <div>new to zuzutel</div>
                            <a href="" id="register-link"><i class="fa fa-angle-right"></i>register now</a>
                        </div>
                    </div>
                    <div id="slider-home">
                        <div><img src="./image/slide1.jpg" alt=""></div>
                        <div><img src="./image/Audio-conference.jpg" alt=""></div>
                        <div><img src="./image/FAX.jpg" alt=""></div>
                        <div><img src="./image/SMS.jpg" alt=""></div>
                        <div><img src="./image/Voice-Calls.jpg" alt=""></div>
                        <div><img src="./image/Virtual-Office.jpg" alt=""></div>
                    </div>
                    <div id="secondary-slider-home">
                        <div>
                                <a href="#services"><i class="fa fa-video-camera"></i><span class="icon-label-slider">video conference</span></a>
                        </div>
                        <div>
                                <a href="#s-virtual-office-tab"><i class="fa fa-suitcase"></i><span class="icon-label-slider">virtual office</span></a>
                        </div>
                        <div>
                                <a href="#s-virtual-office-tab"><i class="fa fa-microphone"></i><span class="icon-label-slider">voice calls</span></a>
                        </div>
                        <div>
                                <a href="#s-virtual-office-tab"><i class="fa fa-envelope"></i><span class="icon-label-slider">sms services</span></a>
                        </div>
                        <div>
                                <a href="#s-fax-tab"><i class="fa fa-print"></i><span class="icon-label-slider">fax services</span></a>
                        </div>
                        <div>
                                <a href="#s-calls-tab"><i class="fa fa-phone"></i><span class="icon-label-slider">audio conference</span></a>
                        </div>


                    </div>
                    <div id="additional-info">
                        <div id="promotions"><i class="fa fa-heart-o"></i> Promotions</div>
                        <div id="destinations"><i class="fa fa-compass"></i> Free Destinations</div>
                        <div id="ip-info">
                            <div>Your IP address is:</div>
                            <div id="id-address">xxx.xxx.xxx.xxx</div>
                        </div>
                    </div>
                </article>
                <footer id="footer-home">
                   <div id="curve"></div>
                    <nav id="quick-links">
                        <ul>
                            <li><a href="#tariffs" rel="#callplans-tab"><i class="fa fa-book-check"></i>callplans</a></li>
                            <li><a href="#services" rel="#s-virtual-office-tab"><i class="fa fa-suitcase"></i>virtual office</a></li>
                            <li><a href="#info" rel="#features-tab"><i class="fa fa-desktop-check"></i>features</a></li>
                            <li><a href="#info" rel="#howtouse-tab"><i class="fa fa-open-book"></i>how to use</a></li>
                        </ul>
                    </nav>
                </footer>
            </section> <!--#home view-->
            <section id="info" class="cf scrollto">
                <header><h2>info</h2></header>
                <article class="tabs cf" id="info-tabs">
                    <nav>
                        <ul class="etabs cf">
                            <li class="tab"><a href="#company-tab"><i class="fa fa-users"></i><span class="icon-label">company</span></a></li>
                            <li class="tab"><a href="#features-tab"><i class="fa fa-desktop-check"></i><span class="icon-label">features</span></a></li>
                            <li class="tab"><a href="#howtouse-tab"><i class="fa fa-open-book"></i><span class="icon-label">how to use</span></a></li> 
                        </ul>
                    </nav>
                    <div id="company-tab" class="tab-panel">
                        <p>Zuzutel is a new trade mark from Global &amp; Media Telecom Solutions (G&amp;MS Ltd.) -. The company was founded in 2006 and since then has taken significant steps to expand the range of its services.</p>
                        <p>G&amp;MS Ltd. began offering IT services and solutions under the web name voip-gms. To better represent the current focus of the Company’s services the Executive Board of Directors changed the trade name and associated web site to zuzutel. We intend to be the provider of choice for integrated data, voice and video communication solutions to the corporate and individual / residential markets through our latest generation network with best-in-class broadband access technology.</p>
                        <p>It is our responsibility to help your business grow and become more competitive!
We understand how fast your business can change and are committed to helping you adapt using the newest technologies.</p>
                        <div id="company-tabs" class="inner-tabs-container">
                            <ul>
                                <li><a href="#our-mission-tab">our mission</a></li>
                                <li><a href="#our-strengths-tab">our strenghts</a></li>
                                <li><a href="#our-principles-tab">our principles</a></li>
                                <li><a href="#our-clients-tab">our clients</a></li>
                            </ul>
                            <div id="our-mission-tab" class="inner-tab">

                            </div>
                            <div id="our-strengths-tab" class="inner-tab"></div>
                            <div id="our-principles-tab" class="inner-tab">
                                <p>Integrity - We act upon careful and correct examination of all relevant facts. We adhere to the highest ethical
    standards, and abide by all local, national and international laws and regulations.<br />
    Respect - We respect and appreciate cultural differences, and work in the best interest of everyone, whether
    clients, consultants, employees or shareholders.<br />
    Confidentiality - We value our customers’ interests and maintain strict confidentiality, which also extends to
    our employees, suppliers, and everyone who helps us grow.</p>
                            </div>
                            <div id="our-clients-tab" class="inner-tab"></div>
                        </div>
                    </div>
                    <div id="features-tab" class="tab-panel">
                        <div id="features-inner-tabs" class="inner-tabs-container">
                            <ul>
                                <li><a href="#video-chat-inner-tab">video &amp; chat</a></li>
                                <li><a href="#calls-inner-tab">calls</a></li>
                                <li><a href="#fax-inner-tab">fax</a></li>
                                <li><a href="#sms-tab">sms</a></li>
                                <li><a href="#account-tab">account</a></li>
                            </ul>
                            <div id="video-chat-inner-tab" class="inner-tab">
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-desktop-globe"></i></div>
                                    <div class="row-right">
                                        <h4>WEB BASED SERVICE</h4>
                                        <p>Enjoy face-to-face communication without installing any software, directly from the WEB.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-users-camera"></i></div>
                                    <div class="row-right">
                                        <h4>GROUP VIDEO CALLS</h4>
                                        <p>Ideal solution for large team meetings, cross-functional or training events, distance learning and educational training… or simply for your group of friends or family! All together face-to-face!</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-profile-camera"></i></div>
                                    <div class="row-right">
                                        <h4>PERSONAL VIDEO CALL</h4>
                                        <p>Meet just one person, the person you wish…</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-weixin"></i></div>
                                    <div class="row-right">
                                        <h4>IM(CHAT)</h4>
                                        <p>No need to speak… write what you want and express emotions with many emoticons.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-file-upload"></i></div>
                                    <div class="row-right">
                                        <h4>SHARE FILES &amp; YOUTUBE VIDEOS</h4>
                                        <p>Send files &amp; Presentations while you are in a conference…
YouTube videos and uploaded/posted pictures are automatically previewed in the chat.</p>
                                    </div>
                                </div>
                            </div> <!--#video-chat-inner-tab--><!--grand-child-->
                            <div id="calls-inner-tab" class="inner-tab">
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-desktop-zuzutel"></i></div>
                                    <div class="row-right">
                                        <h4>PEER-TO-PEER CALLS</h4>
                                        <p>FREE calls between Zuzutel subscribers from any PC or smartphone anywhere!</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-desktop-phone"></i></div>
                                    <div class="row-right">
                                        <h4>CALL MOBILES AND LANDLINES</h4>
                                        <p>Low rates worldwide with excellent quality. More than 50 FREE destinations, depending on the
CallPlan.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-desktop-phones"></i></div>
                                    <div class="row-right">
                                        <h4>CLICK-TO-CALL (CALLED ALSO CALLBACK)</h4>
                                        <p>Connect mobiles and landlines all over the world, directly from the web, through your Zuzutel
account.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-phone-arrow"></i></div>
                                    <div class="row-right">
                                        <h4>FOLLOW ME</h4>
                                        <p>Forward all incoming calls to up to 5 mobiles and landlines worldwide!</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-users-phone"></i></div>
                                    <div class="row-right">
                                        <h4>AUDIO CONFERENCE CALL</h4>
                                        <p>Need to make a spontaneous Audio conference with 3 participants? Then you can`t miss the
3Way Calling service…
Or, if you need to create an Audio Conference room with PIN access, you can manage it through
your personal Zuzutel account, with possibility to invite up to 15 participants in 15 audio conference
rooms, depending on the CallPlan.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-casette"></i></div>
                                    <div class="row-right">
                                        <h4>CALL RECORDING</h4>
                                        <p>Record all important calls from your audio conferences.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-envelope-phone"></i></div>
                                    <div class="row-right">
                                        <h4>VOICE MAIL (web and Email) with online storage</h4>
                                        <p>You can`t pick up the call? Don`t worry about, you will receive a mail with an audio message as
attached file in your personal Email and your Zuzutel web account.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-phone-pause"></i></div>
                                    <div class="row-right">
                                        <h4>CALL ON HOLD</h4>
                                        <p>There is something very important to tell you… put on hold the current call and answer the other
one.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-phone-plus"></i></div>
                                    <div class="row-right">
                                        <h4>CALL WAITING</h4>
                                        <p>Be always advised about other incoming calls while you are speaking on your phone!</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-phone-arrows"></i></div>
                                    <div class="row-right">
                                        <h4>SIMULTANEOUS INCOMING &amp; OUTGOING CALLS</h4>
                                        <p>Perfect solution for your office with no additional charges.</p>
                                    </div>
                                </div>
                            </div> <!--#calls-inner-tab--><!--grand-child-->
                            <div id="fax-inner-tab" class="inner-tab">
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-desktop-fax"></i></div>
                                    <div class="row-right">
                                        <h4>WEB BASED PLATFORM</h4>
                                        <p>Use your fax from computers or mobile devices anywhere, No software installation needed.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-desktop-lock"></i></div>
                                    <div class="row-right">
                                        <h4>PASSWORD-PROTECTED ONLINE ACCOUNT ACCESS</h4>
                                        <p>To guarantee the security of your documentation</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa "></i></div>
                                    <div class="row-right">
                                        <h4>USER FRIENDLY INTERFACE, WITH:</h4><!--styles for inner content to be added-->
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-desktop-check"></i></div>
                                    <div class="row-right">
                                        <p>Personalized Fax Sheet: Your recipients receive a fax with your name and contact number (can
be changed any time).</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-book-check"></i></div>
                                    <div class="row-right">
                                        <p>Online Address Book with email and fax distribution lists.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-inbox"></i></div>
                                    <div class="row-right">
                                        <p>Online Storage of sent and received faxes for up to 30 days.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-random"></i></div>
                                    <div class="row-right">
                                        <p>Online Fax Management: fax forwarding, fax-to-email, fax annotation.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-sliders"></i></div>
                                    <div class="row-right">
                                        <p>Personalized Sending Options: re-dial notification, scheduled delivery, expiration / kill time,
number of attempts, priority level.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-check-circle-o"></i></div>
                                    <div class="row-right">
                                        <p>Online fax status information</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-envelope"></i></div>
                                    <div class="row-right">
                                        <p>Delivery confirmation via Email</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-file-check"></i></div>
                                    <div class="row-right">
                                        <p>Multiple file format support</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-fax-arrows"></i></div>
                                    <div class="row-right">
                                        <h4>SIMULTANEOUS FAX TRANSMISSION</h4>
                                        <p>Forget the busy fax lines… send/receive the same or different documents to many recipients at
the same time</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-fax-envelope"></i></div>
                                    <div class="row-right">
                                        <h4>FAX BY EMAIL</h4>
                                        <p>Email-to-Fax, Fax-to-Email and Mobile-to-Fax options – all the faxes in your mailbox. Email delivery with .pdf file format attachment</p>
                                    </div>
                                </div>
                            </div> <!--#fax-inner-tab--><!--grand-child--> 
                            <div id="sms-tab" class="inner-tab">
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-desktop-envelope"></i></div>
                                    <div class="row-right">
                                        <h4>WEB BASED PLATFORM</h4>
                                        <p>Send messages on-line by accessing your active Zuzutel account.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-envelope-envelope"></i></div>
                                    <div class="row-right">
                                        <h4>EMAIL-TO-SMS</h4>
                                        <p>Enables you to send SMS from your personal Email account (Outlook, Outlook Express, Mozilla Thunderbird).</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-envelope-arrows"></i></div>
                                    <div class="row-right">
                                        <h4>MULTIPLE SMS</h4>
                                        <p>SMS is sent to multiple recipients anywhere in the world.</p>
                                    </div>
                                </div>
                            </div> <!--#sms-tab--><!--grand-child-->
                            <div id="account-tab" class="inner-tab">
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-desktop-zuzutel"></i></div>
                                    <div class="row-right">
                                        <h4>ALL-IN-ONE WEB TELECOM PLATFORM</h4>
                                        <p>All services accessible from your web account: Video Conference, Voice calls, Fax, SMS. Choose the calling plan that best suits your needs, and enjoy it!</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-desktop-lock"></i></div>
                                    <div class="row-right">
                                        <h4>PASSWORD-PROTECTED ONLINE ACCOUNT ACCESS</h4>
                                        <p>To guarantee the security of your communications.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-user"></i></div>
                                    <div class="row-right">
                                        <h4>ACCOUNT INFO AND UPLOAD PHOTO</h4>
                                        <p>Edit your personal information and upload required documents to personalize your web access.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-credit-card"></i></div>
                                    <div class="row-right">
                                        <h4>ONLINE PAYMENTS</h4>
                                        <p>Using the most common ways of payment: Paypal, Skrill, Epay, Credit Cards.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-credit-card-time"></i></div>
                                    <div class="row-right">
                                        <h4>PAYMENT HISTORY</h4>
                                        <p>Displays all the payments made from the account.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-bar-chart"></i></div>
                                    <div class="row-right">
                                        <h4>BALANCE REMAINING</h4>
                                        <p>Be always informed about the current credits you have.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-pencil-square-o"></i></div>
                                    <div class="row-right">
                                        <h4>VOUCHERS &amp; GENERATE VOUCHER TO OTHER ACCOUNTS</h4>
                                        <p>Charge your account by voucher, or generate vouchers from your account to transmit funds to another Zuzutel account.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-security-alert"></i></div>
                                    <div class="row-right">
                                        <h4>SECURITY ALERT</h4>
                                        <p>Notifies (by Email, SMS) of Zuzutel account payments, password changes, and calling plan
changes.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-phone-arrows"></i></div>
                                    <div class="row-right">
                                        <h4>INCOMING CALLS CONTROL</h4>
                                        <p>Different ways to receive the incoming calls! Configure the account to receive calls or faxes, or even to be used as called number for audio conference purposes.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-desktop-check"></i></div>
                                    <div class="row-right">
                                        <h4>ONLINE MONITORING</h4>
                                        <p>Displays all Calls, Faxes and SMS history with individual recipient, cost and status information.</p>
                                    </div>
                                </div>
                                <div class="inner-tab-row cf">
                                    <div class="row-left"><i class="fa fa-desktop-arrows"></i></div>
                                    <div class="row-right">
                                        <h4>RATE SIMULATOR</h4>
                                        <p>Simulate the calling process to discover the cost per minute of a call, and the number of minutes you can call that number with your current credit.</p>
                                    </div>
                                </div>
                            </div> <!--#account-tab--><!--grand-child--> 
                        </div>
                    </div> <!--#features-tab--><!--child-->
                    <div id="howtouse-tab" class="tab-panel">
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, quas amet asperiores neque facere, quibusdam eaque illum. Quam, iure, ipsum consectetur dignissimos adipisci debitis doloremque atque eos numquam nobis id!</p>
                    </div> <!--#howtouse-tab--><!--child-->
                </article>
            </section> <!--#info-view--><!--parent-->
            <section id="services" class="cf scrollto">
                <header><h2>services</h2></header>
                <article class="tabs cf" id="services-tabs" >
                    <nav>
                        <ul class="etabs">
                            <li class="tab"><a href="#s-video-chat-tab"><i class="fa fa-video-camera"></i><span class="icon-label">video &amp; chat</span></a></li>
                            <li class="tab"><a href="#s-calls-tab"><i class="fa fa-phone"></i><span class="icon-label">calls</span></a></li>
                            <li class="tab"><a href="#s-fax-tab"><i class="fa fa-print"></i><span class="icon-label">fax</span></a></li>
                            <li class="tab"><a href="#s-video-chat-tab"><i class="fa fa-microphone"></i></a></li>
                            <li class="tab"><a href="#s-video-chat-tab"><i class="fa fa-envelope-o"></i></a></li>
                            <li class="tab"><a href="#s-virtual-office-tab"><i class="fa fa-suitcase"></i><span class="icon-label">virtual office</span></a></li>
                        </ul>
                    </nav>
                    <div id="s-video-chat-tab">
                         <div id="s-video-chat-in-tabs" class="inner-tabs-container">
                            <ul>
                                <li><a href="#s-video-chat-in-tab">video &amp; chat</a></li>
                                <li><a href="#s-benefits-in-tab">benefits</a></li>
                                <li><a href="#s-advantages-in-tab">advantages</a></li>
                            </ul>
                            <div id="s-video-chat-in-tab" class="inner-tab cf">
                                <div class="inner-tab-row cf">
                                    <h4>WEB GROUP AUDIO/VIDEO CONFERENCE WITH</h4>
                                </div>
                                <div class="inner-tab-row cf">
                                    <p class="icons-text"><i class="fa fa-weixin"></i>  IM  <i class="fa fa-file"></i> File Transfer  <i class="fa fa-caret-square-o-right"></i>  Broadcast Events</p>
                                </div>
                                <ul class="ulist cf">
                                    <li>Without installing any software, directly from the WEB</li>
                                    <li>HD quality Audio Video</li>
                                    <li>Secure communication – high level of encryption</li>
                                    <li>Compatible with <span class="gray-icons"><i class="fa fa-apple"></i><i class="fa fa-android"></i><i class="fa fa-windows"></i></span></li>
                                </ul>
                             </div> <!--#s-video-chat-in-tab-->
                             <div id="s-benefits-in-tab" class="inner-tab cf">
                                 <div class="inner-tab-row-xs cf">
                                     <h4>DEPENDING ON THE CALL PLAN</h4>
                                 </div>
                                 <div class="inner-tab-row-xs cf">
                                     <h4>ROOM</h4>
                                     <ul class="ulist-xs">
                                         <li>Create rooms</li>
                                         <li>Give name/description</li>
                                         <li>Define number of users</li>
                                         <li>Password protected</li>
                                     </ul>
                                 </div>
                                 <div class="inner-tab-row-xs cf">
                                      <h4>AUDIO/VIDEO/CHAT</h4>
                                      <ul class="ulist-xs">
                                          <li>Full HD video screen option</li>
                                          <li>Private IM</li>
                                          <li>File Transfer/Private File Transfer</li>
                                          <li>Share presentation/live YouTube videos and pictures previewed in the chat</li>
                                          <li>Rich text chat with many formatting/font options</li>
                                          <li>Who Is Typing option in real time</li>
                                          <li>Emoticon packs</li>
                                      </ul>
                                 </div>
                             </div> <!--#s-benefits-in-tab-->
                             <div id="s-advantages-in-tab" class="inner-tab cf">
                                 <div class="inner-tab-row-xs cf">
                                 <p><span class="red-heading">PERSONAL EYE CONTACT</span> - You can see the person you are talking and experience more complete and effective communication.</p>
                             </div>
                             <div class="inner-tab-row-xs cf">
                                 <p><span class="red-heading">MULTI-PURPOSE MEETINGS</span> - Communicate and collaborate with clients, partners and team members at multiple locations simultaneously, while saving travel time and expense.</p>
                             </div>
                             <div class="inner-tab-row-xs cf">
                                 <p><span class="red-heading">ADVERTISING</span> - Create targeted and engaging video content.</p>
                             </div>
                             <div class="inner-tab-row-xs cf">
                                 <p><span class="red-heading">TRAINING AND EDUCATION</span> -  Create compelling, easy-to-remember and easy-to-find content while connecting with experts from anywhere in the world, at any time, and in any language.</p>
                             </div>
                             <div class="inner-tab-row-xs cf">
                                 <p><span class="red-heading">CUSTOMER INTERACTION</span> - Differentiate your organization with highly personalized customer care from any device to any device. Quickly connect customers to the experts they need.</p>
                             </div>
                             </div> <!--#s-advantages-in-tab-->
                        </div> <!--#s-video-chat-in-tabs-->
                    </div> <!--#s-video-chat-tab--><!--child-->
                    <div id="s-calls-tab" class="cf">
                        <p>Call anyone, anywhere from your computer or mobile phone!</p>
                        <div class="cf">
                            <div class="call-types">
                                <div class="call-type-icon"><i class="fa fa-user"></i> <i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i>  <i class="fa fa-globe"></i>  <i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i> <i class="fa fa-user"></i></div>
                                <div class="call-type-name">PEER-TO-PEER</div>
                                <div class="call-type-info">PC/Mobile to PC/Mobile calls</div>
                            </div>
                            <div class="call-types">
                                <div class="call-type-icon"><i class="fa fa-desktop"></i>  <i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i>  <i class="fa fa-mobile"></i></div>
                                <div class="call-type-name">PHONE CALLS</div>
                                <div class="call-type-info">Use your mobile or PC to call landlines or mobiles worldwide</div>
                            </div>
                            <div class="call-types">
                                <div class="call-type-icon"><i class="fa fa-phone"></i> <i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i> <i class="fa fa-desktop-arrows"></i> <i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i> <i class="fa fa-mobile"></i></div>
                                <div class="call-type-name">CLICK-TO-CALL</div>
                                <div class="call-type-info">Connect mobiles and landlines all over the world</div>
                            </div>
                        </div>
                        <div class="cf">
                            <div class="call-plan-description">
                                <div class="inner-tab-row"><span class="red-heading">FREE</span> - Calls are routed
through the Internet</div>
                                <div class="inner-tab-row"><span class="red-heading">EASY</span> - registration form</div>
                                <div class="inner-tab-row"><span class="red-heading">SECURE</span> - All calls are
encrypted for your privacy and security.</div>
                                <div class="inner-tab-row">
                                    <ul class="ulist-xs">
                                        <li>No monthly fee</li>
                                        <li>No installation fee</li>
                                        <li>No additional charges</li>
                                        <li>No contracts</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="call-plan-description">
                                <div class="inner-tab-row"><span class="red-heading">EXCELLENT</span> sound and video
quality</div>
                                <div class="inner-tab-row"><span class="red-heading">GREAT RATES</span></div>
                                <div class="inner-tab-row">More than <span class="red-heading">50 FREE
DESTINATIONS</span> depending on the Calling Plan</div>
                                <div class="inner-tab-row"><span class="red-heading">TRANSPARENCY &amp; COST
CONTROL</span> - Online access with information about duration and charge</div>
                            </div>
                            <div class="call-plan-description">
                                <div class="inner-tab-row"><span class="red-heading">WEB BASED SERVICE</span></div>
                                <div class="inner-tab-row"><span class="red-heading">ACCESSIBLE</span> - no software
download needed</div>
                                <div class="inner-tab-row"><span class="red-heading">MOBILE</span> - call directly from the
web, through the CallBack option in your personal Zuzutel account</div>
                                <div class="inner-tab-row"><span class="red-heading">LOW RATES &amp; EXPENSE
CONTROL</span> - spend from your pre-paid credit; refill your credit through our convenient on-line payment options</div>
                            </div>
                        </div>
                        <footer id="s-footer">
                            <div class="footnote">Free unlimited calls among Zuzutel subscribers are included in all Zuzutel Calling plans!</div>
                            <h5>Related applications</h5>
                            <div id="related-apps" class="cf">
<!--
                                <a href="">3CXPhone</a>
                                <a href="">PortGo</a>
                                <a href="">Zoiper</a>
-->
                               <img src="./image/apps-logos.png" alt="">
                            </div>
                            <div id="compatible-with">
                                COMPATIBLE WITH: <span class="gray-icons"><i class="fa fa-apple"></i><i class="fa fa-android"></i><i class="fa fa-windows"></i></span>
                            </div>
                        </footer>
                    </div> <!--#s-calls-tab--><!--child-->
                    <div id="s-fax-tab" class="cf">
                         <div id="s-fax-in-tabs" class="inner-tabs-container cf">
                             <ul>
                                 <li><a href="#s-mobility-in-tab">mobility</a></li>
                                 <li><a href="#s-profitable-in-tab">profitable</a></li>
                                 <li><a href="#s-features-in-tab">features</a></li>
                             </ul>
                             <div id="s-mobility-in-tab" class="inner-tab cf">
                                 <p>Your fax anywhere!</p>
                                 <div class="inner-tab-row cf"><span class="red-heading">ENVIRONMENTALLY</span> - friendly Paperless Solution - Send and receive fax without the cost of a fax
machine, paper, toner and maintenance</div>
                                 <div class="inner-tab-row cf"><span class="red-heading">MOBILITY &amp; CONVENIENCE</span> - Send faxes from your computer, laptop, PDA , smart phone or mobile phone. Fax transmissions can be sent also directly to email, providing access anywhere and
anytime where access to email is available.</div>
                                 <div class="inner-tab-row cf"><span class="red-heading">RELIABLE, EASY AND EFFICIENT MANAGEMENT</span> - User-friendly full-featured online service interface eliminates time-consuming busy signals and send / receive wait times.</div>
                                 <div class="inner-tab-row cf"><span class="red-heading">SECURE &amp; CONFIDENTIAL COMMUNICATION</span> - Secure online network and high-level of file encryption.</div>
                                 <div class="inner-tab-row cf"><span class="red-heading">COST EFFECTIVE SOLUTION</span> - Large selection of call plans and rates. More than 50 FREE FAX destinations, depending on your Call plan</div>
                                 <div class="inner-tab-row cf"><span class="red-heading">PERSONALIZED &amp; FLEXIBLE COMMUNICATION</span> - Each document you send reflects your chosen name and contact number, which are easy to change if needed.</div>
                             </div>
                             <div id="s-profitable-in-tab" class="inner-tab cf">
                                 <p>Cost-Saving Solution:</p>
                                 <div class="inner-tab-row"><span class="red-text">NO</span> setup fee; <span class="red-text">NO</span> software installation needed.</div>
                                 <div class="inner-tab-row"><span class="red-text">Up to 54 FREE FAX DESTINATIONS</span>, depending on your calling plan.</div>
                                 <div class="inner-tab-row"><span class="red-text">NO</span> expenses for fax machines and consumables (paper, toner, etc). Ability to archive faxes digitally!</div>
                                 <div class="inner-tab-row"><span class="red-text">NO</span> additional fax number: send a fax from your virtual number.</div>
                                 <div class="inner-tab-row"><span class="red-text">NO</span> per-page charge for either sending or receiving a fax</div>
                                 <div class="inner-tab-row"><span class="red-text">LOWEST</span> per minute price for both sending and receiving* a fax<div class="footnote">
*per minute receiving fax rate depend on your calling plan</div>
                                 </div>
                                 <div class="inner-tab-row">See our FAX rates <span class="red-text"><a href="">here</a></span></div>                            
                             </div>
                             <div id="s-features-in-tab" class="inner-tab cf">
                                 <p>All Fax Features Appear in a User-Friendly Interface</p>
                                 <ul class="ulist-xs">
                                     <li>Password-protected Online Account Access from computers or mobile devices anywhere.</li>
                                     <li>Simultaneous Fax Transmission:</li>
                                     <li>Send the same document to multiple recipients simultaneously</li>
                                     <li>Send different documents to multiple recipients simultaneously</li>
                                     <li>Cover page</li>
                                     <li>Personalized Fax Sheet - Your recipients receive a fax with your name and contact number (can
be changed any time).</li>
                                     <li>Online Address Book with email and fax distribution lists.</li>
                                     <li>Online Storage of sent and received faxes for up to 30 days.</li>
                                     <li>Online Fax Management: fax forwarding, fax-to-email, fax annotation.</li>
                                     <li>Personalized Sending Options: re-dial notification, scheduled delivery, expiration / kill time,
number of attempts, priority level.</li>
                                     <li>Online fax status information</li>
                                     <li>Delivery confirmation via Email</li>
                                     <li>Email delivery with .pdf file format attachment</li>
                                     <li>Email-to-Fax, Fax-to-Email and Mobile-to-Fax options</li>
                                     <li>Multiple file format support:</li>
                                     <li>Images: tif, jpg, gif, bmp, png;</li>
                                     <li>MS-Office: doc(x), xls(x), ppt(x);</li>
                                     <li>PostScript(.ps), PDF (pdf), text (txt)</li>
                                 </ul>
                             </div>
                         </div>    
                    </div>  <!--#s-fax-tab--><!--child-->
<!--
                    <div id="tab"></div>
                    <div id="tab"></div>
-->
                    <div id="s-virtual-office-tab" class="cf">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam qui itaque eligendi inventore ducimus nesciunt beatae ad dignissimos, perferendis vitae consequatur, temporibus deserunt voluptatem. Sunt facere accusamus, possimus omnis eum.
                    </div> <!--#s-virtual-office-tab--><!--child-->
                </article>
            </section> <!--#services view--><!--parent-->
            <section id="solutions" class="cf scrollto">
                <header><h2>solutions</h2></header>
                <article id="solution-tabs" class="tabs cf">
                    <nav>
                        <ul class="etabs">
                            <li class="tab"><a href="#home-tab"><i class="fa fa-home"></i><span class="icon-label">home</span></a></li>
                            <li class="tab"><a href="#home-tab"><i class="fa fa-globe"></i></a></li>
                        </ul>
                    </nav>
                    <div id="home-tab">
                        <p>Zuzutel addresses all of your home telecommunications needs
With Zuzutel you can take advantage of the latest telecommunications services from home. Just open an
account and enjoy Zuzutel’s full-featured, easy-to-use, cost-effective and interactive platform.
We developed it for you!</p>
                        <img src="./image/solutions-front.jpg" alt="">
                        <p>Choose the calling plan that best suits your needs, and enjoy:
Free calls worldwide – with more than 50 free destinations, depending on your calling plan
Free calls between Zuzutel subscribers
High quality calls at low rates within each calling plan
No connection fees and no installation fees
No additional software or hardware needed - direct web calls through Web Phone
Secure and encrypted portal guarantees privacy / confidentiality
Expense control – spend from your pre-paid credit; refill your credit through our convenient on-line payment
options</p>
                        <p>On-line account monitoring provides transparent and convenient usage information
Portability and mobility – make calls from any laptop or mobile device with Internet access Work from home (or even from your car) with Zuzutel <br />
· Send Fax and SMS <br />
· Organize and make conference and group video calls <br />
· Use a variety of free features <br />
With Zuzutel at home you can also: <br />
Invite friends to chat rooms Make presentations on-line – you can easily present / introduce your new product or idea
Teach or learn foreign language classes, cooking classes, and many other subjects at a distance
Display private videos to your friends, from your web group video chat with private PIN code access
Send invitations for future events through multiple SMS
For urgent communication with friends and colleagues use Instant Messaging
Send documents, photos, YouTube presentations and other files without size limits with Web Video Chat
Never miss a call with your personal Voicemail
Always stay in touch with the function Follow me
Connect easily with others through CallBack
We have built the best communications solutions for your home needs, because we care and would like to
help you succed. Realize your success with us</p>
                    </div>
                    <div id=""></div>
                </article>
            </section> <!--#solutions view--><!--parent-->
            <section id="tariffs" class="cf scrollto">
                <header><h2>tariffs</h2></header>
                <article id="tariffs-tabs" class="tabs cf">
                    <nav>
                        <ul class="etabs">
                            <li class="tab"><a href="#callplans-tab"><i class="fa fa-book-check"></i><span class="icon-label">call plans</span></a></li>
                            <li class="tab"><a href="#callplans-tab"><i class="fa fa-book-dollar"></i></a></li>
                        </ul>
                    </nav>
                    <div id="callplans-tab">
                        <div class="call-plan">
                            <div class="cp-front">
                                <div class="cp-info left">
                                    <h4>CALL PLAN FREE</h4>
                                    <p>The amount paid for each call plan with free
destinations does not include calls to any
destination different from the listed in the free
destinations. In order to make calls, send SMS or
Fax to destinations which are not listed in the table
with free destinations, we recommend the
minimum payment of 10€, for prepaid credits.
The Unused free minutes can not be taken to the
following month(s).If limit is exceeded the normal
rates apply. All the normal rates you can see in the
web site or click on "Pricelist" icon from the main
menu in your account.</p>
                                    <span class="flip-button">read more</span>
                                </div>
                                <div class="cp-viewport">
                                    <div class="cp-circle">
                                        <h4>free</h4>
                                        <div class="cp-price">from: <span>0.00</span></div>
                                    </div>
                                </div>
                            </div>
                            <div class="cp-back">
                                <div>
                                    <div class="cp-left"></div>
                                    <div class="cp-scroll">
                                        <ul>
                                            <li>
                                                <div class="cp-feature"><span>Free Calls</span><span>Countries<sup>1</sup></span></div>
                                                <div class="cp-feature-description">300.00 min</div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span>Simultaneous</span><span>Access</span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span>Simultaneous</span><span>Incoming Calls</span></div>
                                                <div class="cp-feature-description">Unlimeted</div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span>Simultaneous</span><span>Outgoing Calls<sup></sup>3</span></div>
                                                <div class="cp-feature-description">Unlimeted</div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="cp-calculator">
                                        <div class="red-heading">calculator</div>
                                        <div>choose period</div>
                                        <select name="" id="">
                                            <option value="">1 month</option>
                                            <option value="">3 month</option>
                                            <option value="">6 month</option></select>
                                        <div class="footnote">
                                            Fee: 10.50
                                        </div>
                                    </div>
                                    <div class="cp-close-button">x</div>
                                </div>
                            </div>
                        </div> <!--#call-plan-free-->
                        <div class="call-plan">
                            <div class="cp-front">
                                <div class="cp-viewport">
                                    <div class="cp-circle">
                                        <h4>start</h4>
                                        <div class="cp-price">from <span>7.50</span></div>
                                    </div>
                                </div>
                                <div class="cp-info right">
                                    <h4>CALL PLAN START</h4>
                                    <p>
                                        <ul>
                                            <li>4 rooms for video conference and chat</li>
                                            <li>Internet fax </li>
                                            <li>200 free calling minutes to 10 countries worldwide                                         (incl. voice calls and fax)</li>
                                        </ul>
                                        Meet your family and friends on the web via videoconference! Or call them by phone.
                        The most suitable solution for your personal communication needs at an affordable monthly cost.</p>
                                    <span class="flip-button">read more</span>
                                </div>
                            </div>
                            <div class="cp-back">
                                <div>
                                    <div class="cp-left"></div>
                                    <div class="cp-scroll">
                                        <ul>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="cp-calculator">
                                        <div class="red-heading">calculator</div>
                                        <div>choose period</div>
                                        <select name="" id="">
                                            <option value=""></option>
                                            <option value=""></option>
                                            <option value=""></option></select>
                                        <div class="footnote"></div>
                                    </div>
                                    <div class="cp-close-button">x</div>
                                </div>
                            </div>
                        </div> 
                        <!--#call-plan-start-->
<!--
                        <div class="call-plan">
                            <div class="cp-front">
                                <div class="cp-info right">
                                    <h4></h4>
                                    <p></p>
                                    <span class="flip-button">read more</span>
                                </div>
                                <div class="cp-viewport">
                                    <div class="cp-circle">
                                        <h4></h4>
                                        <div class="cp-price"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="cp-back">
                                <div>
                                    <div class="cp-left"></div>
                                    <div class="cp-scroll">
                                        <ul>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="cp-calculator">
                                        <div class="red-heading">calculator</div>
                                        <div>choose period</div>
                                        <select name="" id="">
                                            <option value=""></option>
                                            <option value=""></option>
                                            <option value=""></option></select>
                                        <div class="footnote"></div>
                                    </div>
                                    <div class="cp-close-button"></div>
                                </div>
                            </div>
                        </div>
-->
                         <!--#call-plan-pro-->
<!--
                        <div class="call-plan">
                            <div class="cp-front">
                                <div class="cp-info">
                                    <h4></h4>
                                    <p></p>
                                    <span class="flip-button">read more</span>
                                </div>
                                <div class="cp-viewport left">
                                    <div class="cp-circle">
                                        <h4></h4>
                                        <div class="cp-price"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="cp-back">
                                <div>
                                    <div class="cp-left"></div>
                                    <div class="cp-scroll">
                                        <ul>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                            <li>
                                                <div class="cp-feature"><span></span><span></span></div>
                                                <div class="cp-feature-description"></div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="cp-calculator">
                                        <div class="red-heading">calculator</div>
                                        <div>choose period</div>
                                        <select name="" id="">
                                            <option value=""></option>
                                            <option value=""></option>
                                            <option value=""></option></select>
                                        <div class="footnote"></div>
                                    </div>
                                    <div class="cp-close-button"></div>
                                </div>
                            </div>
                        </div> 
-->
                        <!--#call-plan-business-->
                    </div> <!--#call-plans-tab-->
                    <div id="compare-plans-button">compare plans</div>
                </article>
            </section> <!--#tariffs view--><!--parent-->
            <footer id="main-footer" class="cf">
                <div id="main-footer-curve"></div>
                <div class="top cf">
                    <div id="news">
                        <h4>latest news</h4>
                        <h5>13.03.2014</h5>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui saepe perferendis commodi quia. Magnam repellat qui enim quaerat soluta ratione, velit numquam vero odio, totam dolore, ipsum consequatur mollitia id.</p>
                        <a class="read-more">read more...</a>
                    </div>
                    <div id="get-in-touch">
                        <h4>get in touch</h4>
                        <div id="contact-links">
                            <a href=""><i class="fa fa-weixin"></i> online chat</a>
                            <a href="" class="contact-form-link"><i class="fa fa-envelope"></i> contact form</a>
                        </div>
                        <div id="social-links">follow us: 
                            <a href=""><i class="fa fa-facebook-square"></i></a>
                            <a href=""><i class="fa fa-twitter"></i></a>
                            <a href=""><i class="fa fa-linkedin"></i></a>
                            <a href=""><i class="fa fa-google-plus"></i></a>
                        </div>
                    </div>
                </div> <!--#top-->
                <div class="bottom">
                    <div id="payment-links">
                        <img src="./image/payments.png" alt="">
                    </div>
                    <ul id="terms-links">
                        <li><a id="terms-button">Terms of Use</a></li>
                        <li><a id="privacy-button">Privacy Policy</a></li>
                        <li><a class="faq-button">FAQ</a></li>
                    </ul>
                </div>
            </footer>
        </div> <!--#inner-wrapper-->
        <footer id="bottom-footer">
            <div><span id="copyright">Copyright&copy; Zuzutel 2014</span><span id="design">designed by <a href="">.ADV</a> | developed by <a href="http://studiokipo.com/" target="_blank">KIPO</a></span></div>
        </footer>
        <div id="popup-page">
            <div id="inner-wrapper-popup-page">
                <header>
                    <img src="./image/logo.png" alt="">
                    <div class="popup-close-button">x</div>
                    <h2>Popup info page</h2>
                </header>
                <section>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem in quam, dolorem alias quae provident quos porro hic quibusdam quidem quaerat error eligendi officia, ad veniam voluptatem molestiae maxime deserunt.</p>
                    <p>Quae magni doloremque asperiores dolore, blanditiis, quam ex dicta dolorum quasi necessitatibus praesentium eius cumque laboriosam cupiditate eveniet! Excepturi odit fugit nihil animi dignissimos fugiat illo, provident esse impedit sunt?</p>
                    <p>Iste maiores perferendis voluptatum veritatis atque est reprehenderit delectus, error voluptate. Sequi, accusantium, cum fugiat esse similique commodi magnam minima optio, delectus dolore iure sunt, sit earum veniam voluptate odit.</p>
                    <p>Magni adipisci quasi eius reiciendis ipsa, vitae voluptatem ea aut officiis impedit architecto nulla fuga repellendus excepturi molestiae accusamus nam mollitia magnam assumenda pariatur recusandae. Harum maxime quisquam laboriosam! Iusto.</p>
                </section>
            </div>
        </div>
        <div id="popup-faq">
            <div id="inner-wrapper-popup-faq">
                <header>
                    <img src="./image/logo.png" alt="">
                    <div class="popup-close-button">x</div>
                    <h2>FAQ</h2>
                </header>
                <section id="faq-services" class="cf">
                    <div class="cf inner-tabs-container" id="faq-services-tabs">
                        <ul>
                            <li><a href="#faq-video-chat-tab">video &amp; chat</a></li>
                            <li><a href="#faq-calls-tab">calls</a></li>
                            <li><a href="#faq-fax-tab">fax</a></li>
                            <li><a href="#faq-sms-tab">sms</a></li>
                            <li><a href="#faq-other-chat-tab">other</a></li>
                            <li><a href="#faq-virtual-office-tab">virtual office</a></li>
                        </ul>
                        <div id="faq-video-chat-tab" class="inner-tab">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam qui itaque eligendi inventore ducimus nesciunt beatae ad dignissimos, perferendis vitae consequatur, temporibus deserunt voluptatem. Sunt facere accusamus, possimus omnis eum.
                        </div> <!--#s-video-chat-tab--><!--child-->
                        <div id="faq-calls-tab" class="cf inner-tab">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam qui itaque eligendi inventore ducimus nesciunt beatae ad dignissimos, perferendis vitae consequatur, temporibus deserunt voluptatem. Sunt facere accusamus, possimus omnis eum.
                        </div> <!--#s-calls-tab--><!--child-->
                        <div id="faq-fax-tab" class="cf inner-tab">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam qui itaque eligendi inventore ducimus nesciunt beatae ad dignissimos, perferendis vitae consequatur, temporibus deserunt voluptatem. Sunt facere accusamus, possimus omnis eum.
                        </div>  <!--#faq-fax-tab--><!--child-->
    
                        <div id="faq-sms-tab" class="cf inner-teb">
                                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam qui itaque eligendi inventore ducimus nesciunt beatae ad dignissimos, perferendis vitae consequatur, temporibus deserunt voluptatem. Sunt facere accusamus, possimus omnis eum.
                        </div>
                        <div id="faq-other-tab" class="cf inner-teb">
                                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam qui itaque eligendi inventore ducimus nesciunt beatae ad dignissimos, perferendis vitae consequatur, temporibus deserunt voluptatem. Sunt facere accusamus, possimus omnis eum.
                        </div>
    
                        <div id="faq-virtual-office-tab" class="cf inner-tab">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam qui itaque eligendi inventore ducimus nesciunt beatae ad dignissimos, perferendis vitae consequatur, temporibus deserunt voluptatem. Sunt facere accusamus, possimus omnis eum.
                        </div> <!--#s-virtual-office-tab--><!--child-->
                    </div>
                </section> <!--#services view--><!--parent-->
            </div>
        </div> <!--#popup-faq-->
        <div id="contact-form">
            <div id="inner-wrapper-contact">
                <header>
                    <div class="popup-close-button">x</div>
                    <h2>Contact form</h2>
                </header>
                <section>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis soluta, repellat quaerat cumque fugit, odit error facilis eligendi. Reprehenderit voluptas ullam mollitia eaque libero aliquid earum id iste quidem nulla.</p>
                    <form action="">
                        <div class="form-group cf">
                            <label for="username">Name</label>
                            <input type="text" id="username" name="username">
                        </div>
                        <div class="form-group cf">
                            <label for="user-address">Address</label>
                            <input type="text" id="user-address" name="user-address">
                        </div>
                        <div class="form-group cf">
                            <label for="user-email">Email</label>
                            <input type="text" id="user-email" name="user-email">
                        </div>
                        <div class="form-group cf">
                            <label for="user-website">Website</label>
                            <input type="text" id="user-website" name="user-website">
                        </div>
                        <div class="form-group cf">
                            <label for="user-account">ZUZUTEL account</label>
                            <input type="text" id="user-account" name="user-account">
                        </div>
                        <div class="form-group cf">
                            <label for="subject">Subject</label>
                            <input type="text" id="subject" name="subject">
                        </div>
                        <div class="form-group">
                            <label for="message">Message</label>
                            <textarea name="message" id="message"></textarea>
                        </div>
                        <div class="form-group">
                            <a href="" id="submit-form-button">Submit</a>
                        </div>
                    </form>
                </section>
            </div>
        </div>
    </div> <!--#wrapper-->
    <!--vendor js-->
    <script src="lib/jquery-1.11.1.min.js"></script>
<!--    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>-->
<!--    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<!--   <script src="lib/jquery.hashchange.min.js"></script>-->
    <script src="./lib/slick/slick.min.js"></script>
    <script src="./lib/jquery.easytabs.js"></script>
    <script src="lib/jquery.slimscroll.js"></script>
    <!--app js-->
    <script src="js/main.js"></script>    
</body>
</html>